<template>
	<view style="background-color:#F6F8F9;">
		<view class="a1">
			<view class="title" @click="isCf=!isCf">
				<text>处罚记录(2)</text>
				<image v-if="isCf" src="../static/down_selected.png" mode=""></image>
				<image v-else src="../static/down_normal.png" mode=""></image>
			</view>
			<view class="cont" v-for="item in 2" v-if="isCf">
				<view><text>处罚时间</text><text>2021-09-22</text></view>
				<view><text>案&emsp;&emsp;由</text><text>在《娱乐场所管理条例》规定的禁止营业时间内营业</text></view>
				<view><text>处罚决定文书号</text><text>(厦)文综当罚字[2021]D5014号</text></view>
				<view><text>处罚机构</text><text>厦门市文化市场综合执法支队</text></view>
			</view>
		</view>
		<view class="a1">
			<view class="title" @click="isJb=!isJb">
				<text>举报记录(1)</text>
				<image v-if="isJb" src="../static/down_selected.png" mode=""></image>
				<image v-else src="../static/down_normal.png" mode=""></image>
			</view>
			<view class="cont" v-for="item in 1" v-if="isJb">
				<view><text>编&emsp;&emsp;号</text><text>123</text></view>
				<view><text>标&emsp;&emsp;题</text><text>关于四三九九网络股份有限公司涉嫌违规运营的举报</text></view>
				<view><text>举报时间</text><text>2020-04-26 10:15:00</text></view>
				<view><text>举报方式</text><text>12345</text></view>
				<view><text>举报类别</text><text>网络游戏</text></view>
			</view>
		</view>
		<view class="a1">
			<view class="title" @click="isTs=!isTs">
				<text>投诉记录(1)</text>
				<image v-if="isTs" src="../static/down_selected.png" mode=""></image>
				<image v-else src="../static/down_normal.png" mode=""></image>
			</view>
			<view class="cont" v-for="item in 2" v-if="isTs">
				<view><text>投诉标题</text><text>关于四三九九网络股份有限公司涉嫌违规运营的举报</text></view>
				<view><text>投诉人</text><text>张三</text></view>
				<view><text>被投诉者</text><text>四三九九网络股份有限公司</text></view>
				<view><text>投诉类别</text><text>网络游戏</text></view>
				<view><text>投诉地区</text><text>思明区</text></view>
				<view><text>投诉时间</text><text>2020-04-26</text></view>
				<view><text>处理状态</text><text>审核中</text></view>
			</view>
		</view>
		<view class="a1">
			<view class="title" @click="isJc=!isJc">
				<text>检查记录(1)</text>
				<image v-if="isJc" src="../static/down_selected.png" mode=""></image>
				<image v-else src="../static/down_normal.png" mode=""></image>
			</view>
			<view class="cont" v-for="item in 2" v-if="isJc">
				<view><text>检查时间</text><text>2121-04-10 10:45:17</text></view>
				<view><text>检查类型</text><text>双随机抽查</text></view>
				<view><text>检查单位</text><text>厦门市文化市场综合执法支队</text></view>
				<view><text>检查人</text><text>张三</text></view>
				<view><text>检查结果</text><text>无违规</text></view>
			</view>
		</view>
	</view>
</template>

<script>
export default{
	components:{},
	data(){
		return{
			isCf:false,
			isJb:false,
			isTs:false,
			isJc:false
		}
	},
	methods:{}
}
</script>

<style scoped lang="stylus">
.title{
	display :flex;
	justify-content :space-between
	align-items :center;
	height :97rpx;
	padding :0 30rpx;
	font-size :32rpx;
	color :#333333;
	font-weight: bold;
	image{
		width :44rpx;
		height :44rpx;
		vertical-align :middle;
	}
}
.cont{
	padding:30rpx;
	box-sizing :border-box;
	border-top :1rpx solid #F4F3F3;
	view{
		font-size :28rpx;
		margin-bottom :30rpx;
		display :flex;
		text{
			display :inline-block;
			&:first-child{
				width :120rpx;
				color :#939393;
				text-align :center;
				margin-right :75rpx;
			}
			&:last-child{
				color :#333333;
				flex :1;
			}
		}
	}
}
.a1{
	background-color: #FFFFFF;
	margin-bottom :20rpx;
}

</style>
